<script>
    import { KButton } from '@ikun-ui/button'
</script>

<div class="flex items-center justify-between flex-wrap">
    <KButton icon="i-carbon-settings"
           type="info"
           disabled
           cls="mx-2">
           settings
    </KButton>
    <KButton icon="i-carbon-logo-svelte"
             type="error"
             disabled
             cls="mx-2">
        svelte
    </KButton>
    <KButton icon="i-carbon-logo-wechat"
             type="success"
             disabled
             cls="mx-2">
        wechat
    </KButton>
    <KButton icon="i-carbon-logo-google"
             type="primary"
             disabled
             cls="mx-2">
        google
    </KButton>
    <KButton icon="i-carbon-aperture"
             type="warning"
             disabled
             cls="mx-2">
        aperture
    </KButton>
</div>

<div class="flex items-center mt-2 flex-wrap">
    <KButton icon="i-carbon-settings"
             type="info"
             disabled
             circle
             cls="mx-2">
    </KButton>
    <KButton icon="i-carbon-logo-svelte"
             type="error"
             disabled
             circle
             cls="mx-2">
    </KButton>
    <KButton icon="i-carbon-logo-wechat"
             type="success"
             disabled
             circle
             cls="mx-2">
    </KButton>
    <KButton icon="i-carbon-logo-google"
             type="primary"
             disabled
             circle
             cls="mx-2">
    </KButton>
    <KButton icon="i-carbon-aperture"
             type="warning"
             disabled
             circle
             cls="mx-2">
    </KButton>
</div>
